import Vue from 'vue'
// 导入路由
import VueRouter from 'vue-router'
// 安装路由
Vue.use(VueRouter)

// 导入组件
// @代表src目录，所以这里就是代表找 src 下的 views下的homeView
// 建议以后如果要找src下的目录最好用艾特
// 只是当前那建议可以用./
// 总而言之遵循哪个方便用哪个
import HomeView from '@/views/HomeView'
import AboutView from '@/views/AboutView'

// 准备路由规则 - 就是设置路径跟哪个组件对应
const routes = [
  { name:'home', path: '/a', component: HomeView },
  { name:'about', path: '/b', component: AboutView },
]

// 实例化路由对象并使用规则
const router = new VueRouter({
  routes
})

export default router